<template>
  <div class="goods_buy_log">
    <div class="buy_log_th">
      <div class="buy_log_td">买家</div>
      <div class="buy_log_td">成交时间</div>
      <div class="buy_log_td">数量</div>
    </div>
    <div class="buy_log_tr" v-for="(i,k) in list" :key="k">
      <div class="buy_log_td">{{i.name}}</div>
      <div class="buy_log_td">{{i.taketime}}</div>
      <div class="buy_log_td">{{i.num}}</div>
    </div>
   

    <br><br><br><br><br><br>

  </div>
</template>

<script>
// this.$store.state.goo2ds.goods_info
import goods_ajax from "@/ajax/goods_ajax";

export default {
  data(){
    return {
      list:[]
    }
  },
  methods:{
    get_goods_buy_log(){
      goods_ajax.get_goods_buy_log({
        bid:this.$store.state.account.community.sqid,
        goodsid:this.$store.state.goods.goods_info.goodsid
      },res=>{
        this.list = res;
    
  
      })
    }
  },
  created(){
    this.get_goods_buy_log()
  }
}
</script>


<style lang="less" scoped>
@import "../../../../static/pxvalue.less";
.goods_buy_log{
  width: 100%;
  .buy_log_th{
    width: 100%;
    background-color: #f2f2f2;
    overflow: hidden;
    padding-top: @p20;
    padding-bottom: @p20;
    .buy_log_td:nth-child(1){
      width: 30%;
    }
    .buy_log_td:nth-child(2){
      width: 40%;
    }
    .buy_log_td:nth-child(3){
      width: 30%;
    }
    .buy_log_td{
       float: left;
       text-align: center
    }
  }
}

.goods_buy_log{
  width: 100%;
  .buy_log_tr{
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
    padding-top: @p20;
    padding-bottom: @p20;
    .buy_log_td:nth-child(1){
      width: 30%;
    }
    .buy_log_td:nth-child(2){
      width: 40%;
    }
    .buy_log_td:nth-child(3){
      width: 30%;
    }
    .buy_log_td{
       float: left;
       text-align: center;
        color:#6a6a6a;
    }
  }
}
</style>
